<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>穿越火线-CF-官方网站-腾讯游戏-三亿鼠标的枪战梦想</title>
		<link rel="shortcut icon" href="logo.png" type="image/x-icon">
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
		<style>
			*{
				margin:0;
			}
			img{
				vertical-align: bottom;
			}
			.bd{
				border: 1px solid red;
			}
			.fl{
				float: left;
			}
			.fr{
				float: right;
			}
			li{
				list-style: none;
			}
			a{
				text-decoration:none;
			}
			.clearfix::before,.clearfix::after{
				content:'';
				display:table;
			}
			.clearfix::after{
				content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;
			}
			.header{
				height: 472px;
				background: url(穿越火线-CF-官方网站-腾讯游戏-三亿鼠标的枪战梦想.jpg) no-repeat;
				width: 100%;
				position: relative;
			}
			.w{
				width: 1200px;
				height: 75px;
				background: url(背景色_03_02.jpg) ;
			}
			.logo{
				padding: 12px 0 11px 59px;
			}
			.navigation{
				padding-left: 300px;
				width: 900px;
				margin:0 auto;
			}
			ul{
			    list-style-type: none;
			}
			.navigation>li{
				width: 128px;
				float: left;
				text-align: center;
			}
			.ch>a{
				display: block;
				font-size: 14px;
				color:white;
				padding-top:24px;
			}
			.cn>a{
				font-size: 12px;
				color:red;
			}
			.border{
				width: 1200px;
				height: 150px;
				position: absolute;
			}
			.box1{
				width: 900px;
				height: 130px;
			}
			.box0{
				width: 128px;
				height: 130px;
				float: left;
			}
			.box2{
				padding-top: 10px;
				width: 128px;
				height: 120px;
				float: left;
			}
			.box2>li{
				width: 128px;
				height: 23px;
				text-align: center;
			}
			.ca>a{
			    font-size: 13px;
			    color: white;
			}
			.box3{
				padding-top: 10px;
				width: 128px;
				height: 120px;
				float: left;
			}
			.box3>li{
				width: 128px;
				height: 23px;
				text-align: center;
			}
			.box4{
				padding-top: 10px;
				width: 128px;
				height: 120px;
				float: left;
			}
			.box4>li{
				width: 128px;
				height: 23px;
				text-align: center;
			}
			.box5{
				padding-top: 10px;
				width: 128px;
				height: 120px;
				float: left;
			}
			.box5>li{
				width: 128px;
				height: 23px;
				text-align: center;
			}
			.box6{
				padding-top: 10px;
				width: 128px;
				height: 120px;
				float: left;
			}
			.box6>li{
				width: 128px;
				height: 23px;
				text-align: center;
			}
			.box7{
				padding-top: 10px;
				width: 128px;
				height: 120px;
				float: left;
			}
			.box7>li{
				width: 128px;
				height: 23px;
				text-align: center;
			}
			.box2>li:hover{
				border-bottom:1px solid green;
			}
			.box3>li:hover{
				border-bottom:1px solid red;
			}
			.box4>li:hover{
				border-bottom:1px solid blue;
			}
			.box5>li:hover{
				border-bottom:1px solid yellow;
			}
			.box6>li:hover{
				border-bottom:1px solid pink;
			}
			.box7>li:hover{
				border-bottom:1px solid pink;
			}
			.banner{
				width: 1200px;
				height: 916px;
			}
			.bhl{
				width: 272px;
				height: 122px;
				padding-bottom: 8px;
				background:url(images/背景色1_03.jpg);
				float: left;
			}
			.bhr{
				height: 122px;
				width: 928px;
				padding-bottom: 8px;
				background:url(images/背景色2_03.jpg);
				float: right;
				position: relative;
			}
			.cb{
				padding-top: 40px;
				height: 78px;
				text-align: center;
			}
			.cb>a{
				color: white;
				font-size:22px;
			}
			.cc{
				width: 116px;
				height: 122px;
				text-align: center;
			}
			.cc>a{
				color: white;
				font-size:14px;
			}
			.cd{
				width: 18px;
				height: 17px;
				margin-left:49px;
				margin-top:38px;
			}
			.ce{
				width: 18px;
				height: 17px;
				margin-left:165px;
				margin-top:-16px;
				position: absolute;
			}
			.cf{
				width: 18px;
				height: 17px;
				margin-left:281px;
				margin-top:-16px;
				position: absolute;
			}
			.cg{
				width: 18px;
				height: 17px;
				margin-left:397px;
				margin-top:-16px;
				position: absolute;
			}
			.ci{
				width: 18px;
				height: 17px;
				margin-left:513px;
				margin-top:-16px;
				position: absolute;
			}
			.cj{
				width: 18px;
				height: 17px;
				margin-left:629px;
				margin-top:-16px;
				position: absolute;
			}
			.ck{
				width: 18px;
				height: 17px;
				margin-left:745px;
				margin-top:-16px;
				position: absolute;
			}
			.cl{
				width: 18px;
				height: 17px;
				margin-left:861px;
				margin-top:-16px;
				position: absolute;
			}
			.activity{
				width: 812px;
				height: 402px;
				background:url(images/背景3.jpeg);
				float: left;
			}
			.activityt{
				width: 812px;
				height: 366px;
			}
			.activityb{
				width: 812px;
				height: 36px;
				margin-bottom: 30px;
			}
			.activityb>li{
				width: 116px;
				height: 36px;
				background: rgba(0,0,0,.6);
				text-align: center;
			}
			.da>a{
				color:white;
				font-size: 13px;
			}
			.button {
			   background-color: #4CAF50; 
			    border: none;
			    color: white;
			    text-align: center;
			    text-decoration: none;
			    display: inline-block;
			    font-size: 13px;
			    -webkit-transition-duration: 0.4s; 
			    transition-duration: 0.4s;
			    cursor: pointer;
			}
			.button1 {
			    background-color:rgba(0,0,0,.6) ; 
			    color: white; 
			}
			.button1:hover {
			    background-color: red;
			    color: white;
			}
			.news{
				width: 388px;
				height: 402px;
				float: right;
			}
			.newst{
				width: 344px;
				height: 392px;
				padding: 10px 22px 0 22px;
				overflow: hidden;
			}
			.newsh{
				width: 344px;
				height: 47px;
			}
			.newsh>li{
				width: 80px;
				height: 46px;
				padding-right: 6px;
				text-align: center;
			}
			.db>a{
				color: black;
				font-size:25px;
				line-height: 46px;
			}
			.newsh>li:hover{
				border-bottom:2px solid red;
			}
			.newsb{
				width: 344px;
				height: 33px;
				padding-top: 18px;
			}
			.bc>a{
				color: red;
				font-size:23px;
				text-align: center;
			}
			.item1{
				height: 40px;
				width: 300px;
				border-bottom: 1px solid #cecccc;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
			.item1>a{
				font-size:15px;
				line-height:40px;
			    color:#6c6c6c;
			}
			.item1>a:hover{
				color:red;
			}
			.ink{
				width: 40px;
				height: 40px;
	            border-bottom: 1px solid #cecccc;
				float: right;
			}
			.ink>a{
				font-size:14px;
				line-height:40px;
				color: #b4b5b5;
			}
			.more{
				width: 388px;
				height: 36px;
				text-align: center;
				background: #f7f7f7;
			}
			.dc>a{
				color: black;
				font-size:20px;
			}
			.dc>a:hover{
				color:red;
			}
			.sp{
				width: 812px;
				height: 387px;
				float: left;
				margin-right:18px;
				margin-bottom:30px;
			}
			.spt{
				width: 812px;
				height: 156px;
				margin-bottom: 50px;
			}
			.sptt{
				width: 812px;
				height: 41px;
				border-bottom: 1px solid #ddd;
			}
			.sptb{
				width: 830px;
				height: 90px;
				margin-top:25px;
			}
			.de{
				width: 24px;
				height: 24px;
				padding:8px 3px 9px 3px;
			}
			.df{
				width: 742px;
				height: 41px;
			}
			.df>a{
				font-size:20px;
				color: black;
				line-height:40px;
			}
			.morea{
				width: 40px;
				height: 18px;
				text-align: center;
				padding-top:11px;
			}
			.morea>a{
				color: black;
				font-size: 14px;
			}
			.dg{
				width: 200px;
				height: 90px;
				margin-right: 4px;
			}
			.spb{
				width: 812px;
				height: 178px;
			}
			.spbt{
				width: 812px;
				height: 41px;
				border-bottom: 1px solid #ddd;
			}
			.dh{
				width: 24px;
				height: 24px;
				padding:8px 3px 8px 3px;
			}
			.di{
				width: 742px;
				height: 40px;
			}
			.di>a{
				font-size:20px;
				color: black;
				line-height:40px;
			}
			.moreb{
				width: 40px;
				height: 18px;
				text-align: center;
				padding-top:11px;
			}
			.moreb>a{
				color: black;
				font-size: 14px;
			}
			.spbb{
				width: 830px;
				height: 112px;
				margin-top:25px;
			}
			.dj{
				width: 284px;
				height: 112px;
				margin-right: 4px;
			}
			.dk{
				width: 176px;
				height: 112px;
				margin-right: 4px;
				overflow:hidden;
			}
			.spr{
				width: 370px;
				height: 387px;
				margin-bottom:30px;
			}
			.sprt{
				width: 370px;
				height: 40px;
				border-bottom: 1px solid #ddd;
			}
			.dl{
				width: 340px;
				height: 40px;
			}
			.dl>a{
				font-size:20px;
				color: black;
				line-height:40px;
			}
			.sprz{
				width: 368px;
				height: 233px;
				margin-top:25px;
				border: 1px solid #ddd;
			}
			.sprz>li{
				width: 120px;
				height: 75px;
				padding:1px 1px 1px 1px;
				float: left;
				background: #f7f7f7;
			}
			.bob{
				border-bottom: 1px solid #ddd;
			}
			.bor{
				border-right: 1px solid #ddd;
			}
			.dm{
				width: 36px;
				height: 36px;
				margin:8px 36px 0 36px;
			}
			.dn{
				width: 45px;
				height: 20px;
				float:left;
				font-size:14px;
				text-align: center;
			}
			.dn1{
				width: 48px;
				height: 20px;
				float:left;
				font-size:14px;
				text-align: center;
			}
			.dn2{
				width: 60px;
				height: 20px;
				float:left;
				font-size:14px;
				text-align: center;
			}
			.dn3{
				width: 75px;
				height: 20px;
				float:left;
				font-size:14px;
				text-align: center;
			}
			.dn4{
				width: 90px;
				height: 20px;
				float:left;
				font-size:14px;
				text-align: center;
			}
			.sprb{
				width: 370px;
				height: 76px;
			}
			.sprb1{
				width: 370px;
				height: 44px;
				margin:10px 0;
				padding:1px;
				border: 1px solid #ddd;
			}
			.sprb1-txt{
				width: 280px;
				border: none;
				height: 40px;
				line-height: 40px;
				padding-left: 10px;
				outline: none;
			}
			.button2 {
			    background-color:red ;  
				display: inline-block;
				height: 40px;
				line-height: 40px;
				text-align: center;
				color:white;
				width: 71px;
			}
			.sprb2{
				width: 370px;
				height: 19px;
			}
			.player{
				width: 1200px;
				height: 546px;
			}
			.player1{
				width: 1200px;
				height: 40px;
				float: left;
				border-bottom:1px solid #ddd;
			}
			.do{
				width: 1130px;
				height: 40px;
			}
			.do>a{
				font-size:20px;
				color: black;
				line-height:40px;
			}
			.player2{
				width: 1200px;
				height: 245px;
				float: left;
				margin-bottom:30px;
			}
			.player3{
				width: 1200px;
				height: 40px;
				margin:30px 0;
				float: left;
			}
			.dp{
				width: 300px;
				height: 40px;
				float: left;
			}
			.dp>a{
				color:black;
				text-align: center;
				font-size: 16px;
				font-weight: bold;
				display: block;
				line-height: 40px;
				border-bottom: 1px solid #ddd;
			}
			.dp>a:hover{
				color: red;
			}
			.player3>li:hover{
				border-bottom:1px solid red;
			}
			.player4{
				width: 1200px;
				height: 174px;
			}
			.dr{
				width: 232px;
				height: 120px;
				margin-right:10px;
			}
			.dr:nth-child(5){
				margin-right:0;
			}
			.ds{
				width: 232px;
				height: 35px;
				margin-right:10px;
			}
			.ds>a{
				display: block;
				height: 36px;
				color:black;
				text-align: left;
				font-size: 14px;
				overflow: hidden;
			}
			.ds>a:hover{
				color: red;
			}
			.dt{
			    width: 232px;
			    height: 35px;	
			}
			.dt>a{
				display: block;
				height: 36px;
				color:black;
				text-align: left;
				font-size: 14px;
				overflow: hidden;
			}
			.community{
				width: 1178px;
				height: 178px;
				padding:10px;
				border:1px solid #e6e3e3;
				background: #f7f7f7;
			}
			.tupian{
				width: 416px;
				height: 175px;
			}
			.tupians{
				width: 760px;
				height: 178px;
			}
			.du{
				width: 140px;
				height: 88px;
				margin-left: 10px;
			}
			.dv{
				width: 140px;
				height: 48px;
				margin-left: 10px;
				margin-bottom: 5px;
				overflow: hidden;
			}
			.dv>a{
				color:black;
				height: 48px;
				line-height: 24px; 
			}
			.dv>a:hover{
				color: red;
			}
			.dw{
				width: 140px;
				height: 23px;
				margin-left: 10px;
			}
			.dw>a{
				color:#bbb;
			}
			.djss{
				width: 1200px;
				height: 363px;
				margin:35px 0 20px 0;
				position: absolute;
			}
			.djssd{
				width: 812px;
				height: 362px;
			}
			.djssh{
				width: 812px;
				height: 40px;
				border-bottom:1px solid #ddd;
			}
			.dx{
				width: 742px;
				height: 40px;
			}
			.dx>a{
				font-size:20px;
				color: black;
				line-height:40px;
			}
			.djssb{
				width: 812px;
				height: 322px;
			}
			.djssbt{
				width: 812px;
				height: 45px;
				border-bottom: 1px solid #cecccc;
				padding-top:15px;
				margin-bottom:20px;
			}
			.djssbt>li:hover{
				border-bottom: 1px solid red;
			}
			.dy{
				width: 95px;
				height: 46px;
				margin-right:27px;
				text-align: center; 
			}
			.dy>a{
				font-size: 14px;
			    display: block;
			    height: 46px;
			    line-height: 46px;
			    color: #727070;
			}
			.dy>a:hover{
				color: red;
			}
			.dz{
				width: 79px;
				height: 46px;
				text-align: center; 
			}
			.dz>a{
				font-size: 14px;
				display: block;
				height: 46px;
				line-height: 46px;
				color: #727070;
			}
			.dz>a:hover{
				color: red;
			}
			.djssbb{
				width: 376px;
				height: 240px;
			}
			.djssbb1{
				width: 360px;
				height: 240px;
				padding-left:16px;
				padding-bottom:10px;
			}
			.djssbb2{
				width: 142px;
				height: 22px;
				line-height:22px;
				font-size:15px;
				padding-right:56px;
				padding-bottom:5px;
				font-weight: bold;
			}
			.djssbb3{
				width: 344px;
				height: 22.5px;
				font-size:12px;
				color:#6c6c6c;
			}
			.djssr{
				width: 420px;
				height: 210px;
				margin-top:10px;
				float: right;
			}
			.item2{
				width: 360px;
				height: 40px;
				border-bottom:1px solid #ddd;
				line-height:40px;
				overflow:hidden;
			}
			.item2>a{
				color:#6c6c6c;
				font-size:14px;
			}
			.item2>a:hover{
				color:red;
			}
			.item3{
				width: 40px;
				height: 40px;
				border-bottom:1px solid #ddd;
				font-size:14px;
				line-height:40px;
				color:#6c6c6c;
			}
			.pinpai{
				width: 368px;
				height: 369px;
			}
			.pinpaih{
				width: 368px;
				height: 40px;
				border-bottom:1px solid #ddd;
			}
			.ea{
				width: 338px;
				height: 40px;
				line-height:40px;
			}
			.ea>a{
				font-size:20px;
				color: black;
			}
			.kongbai{
				width: 368px;
				height: 30px;
			}
			.tu1{
				margin-bottom:24px;
			}
			.zuihou{
				width: 1200px;
				height: 100px;
				margin-top:383px;
			}
			.zuihou1{
				width: 640px;
				height: 96px;
				padding-left:10px;
				margin-top:35px;
				padding-right:182px;
			}
			.zuihou11{
				width: 290px;
				height: 96px;
				margin-right:30px;
			}
			.zuihou2{
				width: 368px;
				height: 48px;
				margin-top:40px;
				display: block;
				height: 40px;
				line-height: 40px;
				font-weight: normal;
			}
			.tipss{
				width: 1200px;
				height: 90px;
				padding-left:830px;
			}
			.tipss1{
				width: 370px;
				height: 45px;
				
			}
			.eb{
				width: 90px;
				height: 20px;
				padding:0 10px;
				color: #a1a1a1;
			}
			.haonan{
				width: 1200px;
				height: 67.5px;
				padding-top:45px;
				float: left;
				color: #a1a1a1;
				text-align:center;
			}
			.yule{
				margin-top:90px;
				width: 1200px;
				height: 183px;
				background-color: #000;
			}
			.yule1{
				width: 1040px;
				height: 183px;
				padding:15px 20px;
				margin:0 60px;
			}
			.logo2{
				width: 306px;
				height: 54px;
			}
			.logo3{
				width: 682px;
				height: 173px;
			}
			.ec{
				width: 682px;
				height: 50px;
				font-size: 14px;
				color:white;
			}
			.ed{
				width: 682px;
				height: 20px;
				font-size: 14px;
				color:white;
			}
			.ee{
				width: 682px;
				height: 53px;
				font-size: 14px;
				color:white;
			}
		</style>
	</head>
	<body> 
	<div class="text-center center-block" style="width:100%">
		<div class="header">
		<div class="w">
			<div class="fl logo"><img src="logo_03.jpg" alt=""></div>
			<ul class=" navigation clearfix ">
				<li class="fl ch"><a href="">官网首页</a>
				<li class="fl ch"><a href="">游戏资料</a>
				<li class="fl ch"><a href="">商城专区</a>
				<li class="fl ch"><a href="">竞技中心</a>
				<li class="fl ch"><a href="">活动中心</a>
				<li class="fl ch"><a href="">玩家互动</a>
				<li class="fl ch"><a href="">在线客服</a>
				<li class="fl cn"><a href="">HOME</a>
				<li class="fl cn"><a href="">GAME INFO</a>
				<li class="fl cn"><a href="">STORE</a>
				<li class="fl cn"><a href="">HONOR</a>	
				<li class="fl cn"><a href="">EVENT</a>		
				<li class="fl cn"><a href="">COMMUNITY</a>		
				<li class="fl cn"><a href="">SERVICES</a>
			</ul>
			<div class=" border">
				<div class=" fr box1">
					<div class="box0"></div>
					<div class="box2">
						<li class="ca"><a href="">游戏介绍</a>
						<li class="ca"><a href="">新手教程</a>
						<li class="ca"><a href=""><i class="fa fa-car"style=" font-size:10px;color:red;"></i>版本专区</a>
						<li class="ca"><a href="">壁纸</a>
						</div>
					<div class=" box3">
						<li class="ca"><a href=""><i class="fa fa-car"style=" font-size:10px;color:yellow;"></i>道具城</a>
						<li class="ca"><a href="">周边商城</a>
						<li class="ca"><a href="">心悦会员</a>
						<li class="ca"><a href="">CFVIP</a>
					</div>
					<div class="box4">
						<li class="ca"><a href=""><i class="fa fa-car"style=" font-size:10px;color:blue;"></i>战队系统</a>
						<li class="ca"><a href=""><i class="fa fa-car"style=" font-size:10px;color:green;"></i>赛事专区</a>
						<li class="ca"><a href=""><i class="fa fa-car"style=" font-size:10px;color:pink;"></i>枪王排位</a>
					</div>
					<div class="box5">
						<li class="ca"><a href="">网吧专区</a>
						<li class="ca"><a href=""><i class="fa fa-car"style=" font-size:10px;color:black;"></i>活动专区</a>
						<li class="ca"><a href="">合作专区</a>
						<li class="ca"><a href=""><i class="fa fa-car"style=" font-size:10px;color:purple;"></i>KOL送福利</a>
						<li class="ca"><a href="">CDK兑换</a>
						<li class="ca"><a href=""><i class="fa fa-car"style=" font-size:10px;color:blue;"></i>邀请码兑换</a>
					</div>
					<div class="box6">
						<li class="ca"><a href="">论坛| 部落| 微博</a>
						<li class="ca"><a href="">直播| 视频| 攻略</a>
						<li class="ca"><a href="">掌上CF</a>
						<li class="ca"><a href="">赛事微博</a>
					</div>
					<div class="box7">
						<li class="ca"><a href=""><i class="fa fa-car"style=" font-size:10px;color:mediumvioletred;"></i>安全专题站</a>
						<li class="ca"><a href="">联系客服</a>
						<li class="ca"><a href="">体验服</a>
						<li class="ca"><a href="">高清竞技大区</a>
						<li class="ca"><a href="">封号申诉链接</a>
					</div>
			 </div>
		  </div>
		</div>
	</div>
		<div class=" banner">
			<div class="bhl">
				<li class="cb"><a href=""><i class="fa fa-download"style=" font-size:20px;color:white;"></i>下载游戏</a>
			</div>
			<div class="bhr">
				<div class="">
					<div class="cd"><img src="images/图标1_03.jpg" alt=""></div>
					<li class="fl cc"><a href="">活动中心</a></div>
				<div class="">
					<div class="ce"><img src="images/图标2_03.jpg" alt=""></div>
					<li class="fl cc"><a href="">直播中心</a></div>
				<div class="">
					<div class="cf"><img src="images/图标3_03.jpg" alt=""></div>
					<li class="fl cc"><a href="">电竞专区</a></div>
				<div class="">
					<div class="cg"><img src="images/图标4_03.jpg" alt=""></div>
					<li class="fl cc"><a href="">账户充值</a></div>
				<div class="">
					<div class="ci"><img src="images/图标5_03.jpg" alt=""></div>
					<li class="fl cc"><a href="">视频中心</a>
					</div>
				<div class="">
					<div class="cj"><img src="images/图标6_03.jpg" alt=""></div>
					<li class="fl cc"><a href="">攻略中心</a></div>
				<div class="">
					<div class="ck"><img src="images/图标7_03.jpg" alt=""></div>
					<li class="fl cc"><a href="">举报外挂</a></div>
				<div class="">
					<div class="cl"><img src="images/图标8_03.jpg" alt=""></div>
					<li class="fl cc"><a href="">最新版本</a></div>
			</div>
		       <div class="activity">
				   <div class="activityt"></div>
				  <div class="activityb">
					  <li class="fl da"><a href=""><button class="button button1">摸金联名永久首发</button></a>
					  <li class="fl da"><a href=""><button class="button button1">2020电竞基金</button></a>
					  <li class="fl da"><a href=""><button class="button button1">WCG</button></a>
					  <li class="fl da"><a href=""><button class="button button1">道具城11.11特惠</button></a>
					  <li class="fl da"><a href=""><button class="button button1">11月极品神器</button></a>
					  <li class="fl da"><a href=""><button class="button button1">11月SVIP自助餐</button></a>
					  <li class="fl da"><a href=""><button class="button button1">虎牙皮肤耀世登场</button></a>
				  </div>
			      </div>
				<div class="news">
					<div class="newst">
						<div class="newsh">
								<li class="fl db"><a href="">综合</a>
								<li class="fl db"><a href="">公告</a>
								<li class="fl db"><a href="">赛事</a>
								<li class="fl db "><a href="">论坛</a>
						</div>
						<div class="newsb">
							<li class="bc"><a href="">周六摸金得永久 联名装备限时赠</a>
						</div>
						<div class="fl item1"><a href="">关于微信公众号腾讯游戏安全中心冻结解冻修复公告</a></div>
							<div class="ink"><a href="">11/1</a></div>
						<div class="fl item1"><a href="">关于9、10月KOL排行榜奖励发放的公告说明</a></div>
							<div class="ink"><a href="">11/1</a></div>
						<div class="fl item1"><a href="">关于活动延期开放的公告</a></div>
							<div class="ink"><a href="">11/4</a></div>
						<div class="fl item1"><a href="">11月4日服务器例行维护公告</a></div>
							<div class="ink"><a href="">11/5</a></div>
						<div class="fl item1"><a href="">五万Q币大放送！CF战队入驻快手，关注即可领取丰厚福利</a></div>
							<div class="ink"><a href="">11/5</a></div>
						<div class="fl item1"><a href="">来斗鱼直播拿百万福利：王者武器任性送、永久皮肤任你挑！</a></div>
							<div class="ink"><a href="">11/5</a></div>
					<div class="fl more">
						<li class="dc"><a href="">查看更多+</a>
					</div>		
				</div>
				</div>
				<div class="fl sp">
					<div class="spt">
						<div class="sptt">
							<div class="fl de"><img src="tu1%20(6).png" alt=""></div>
							<div class="fl df"><a href="">热门活动</a></div>
							<div class="fl morea"><a href="">更多</a></div>
						</div>
						<div class="sptb">
						<li class="fl dg"><img src="热门1.png" alt=""></li>
						<li class="fl dg"><img src="热门2.jpg" alt=""></li>
						<li class="fl dg"><img src="热门3.jpeg" alt=""></li>
						<li class="fl dg"><img src="热门4.jpeg" alt=""></li>
						</div>
					</div>
				
					<div class="spb">
						<div class="spbt">
							<div class="fl dh"><img src="tu1%20(4).png" alt=""></div>
							<div class="fl di"><a href="">直播推荐</a></div>
							<div class="fl moreb"><a href="">更多</a></div>
						</div>
						<div class="spbb">
							<li class="fl dj"><img src="热门5.png" alt=""></li>
							<li class="fl dk"><img src="热门6.png" alt=""></li>
							<li class="fl dk"><img src="热门7.jpg" alt=""></li>
							<li class="fl dk"><img src="热门8.jpg" alt=""></li>
						</div>
					</div>
				</div>
				<div class="fl spr">
					<div class="sprt">
						<div class="fl dh"><img src="tu1%20(5).png" alt=""></div>
						<div class="fl dl"><a href="">常用入口</a></div>
					</div>
					<div class="sprz">
						<li class="bob bor">
							<div class="dm"><img src="tu2%20(1).png" alt="">
							<span class="dn">道具城</span></div>
						<li class="bob bor">
							<div class="dm"><img src="tu2%20(2).png" alt="">
							<span class="dn2">YY开黑</span></div>
						<li class="bob">
							<div class="dm"><img src="tu2%20(3).png" alt="">
							<span class="dn1">CF会员</span></div>
						<li class="bob bor">
							<div class="dm"><img src="tu2%20(4).png" alt="">
							<span class="dn2">心悦专区</span></div>
						<li class="bob bor">
							<div class="dm"><img src="tu2%20(5).png" alt="">
							<span class="dn2">CDK兑换</span></div>
						<li class="bob">
							<div class="dm"><img src="tu2%20(6).png" alt="">
							<span class="dn3">邀请码兑换</span></div>
						<li class="bor">
							<div class="dm"><img src="tu2%20(7).png" alt="">
							<span class="dn3">创作者联盟</span></div>
						<li class="bor">
							<div class="dm"><img src="tu2%20(8).png" alt="">
							<span class="dn2">碎片系统</span></div>
						<li class="">
							<div class="dm"><img src="tu2%20(9).png" alt="">
							<span class="dn4">掌上穿越火线</span></div>	
				    </div>
					<div class="sprb">
						<div class="sprb1">
							<input class="sprb1-txt">
							<a href=""><button class="button button2">搜索</a>
						</div>
				   <div class="sprb2">热门搜索：新版本 cfpl 枪王 福利活动 ……</div>
				</div>
			</div>
			</div>
			</div>
			</div>
			<div class="player">
				<div class="player1">
				    <div class="fl  dh"><img src="tu1%20(3).png" alt=""></div>
				    <div class="fl do"><a href="">玩家专区</a></div>
				    <div class="fl moreb"><a href="">更多</a></div>
				</div>
				<div class="player2">
				    <div class="player3">
						<li class="dp"><a href="">最新视频</a></li>
						<li class="dp"><a href="">赛事回顾</a></li>
						<li class="dp"><a href="">进阶教学</a></li>
						<li class="dp"><a href="">娱乐视频</a></li>
					</div>
					<div class="fl player4">
							<div class="fl dr"><img width="232" height="120" src="p1.jpg" alt=""></div>
						    <div class="fl dr"><img width="232" height="120" src="p2.png" alt=""></div>
						    <div class="fl dr"><img width="232" height="120" src="p3.png" alt=""></div>
							<div class="fl dr"><img width="232" height="120" src="p4.png" alt=""></div>
						    <div class="fl dr"><img width="232" height="120" src="p5.png" alt=""></div>
						    <li class="fl ds"><a href="">CF秋宇：我曾因手枪太强被客服关一个月禁闭</a></li>
							<li class="fl ds"><a href="">兔酱：猪蹄子博凡在线耍诈，水友爆破太欢乐了</a></li>
						    <li class="fl ds"><a href="">CFPL《火线炸麦了》10：逆天一串四！AG六冠再成王！</a></li>
						    <li class="fl ds"><a href="">杨赫：新英雄：Scar白虎，AK与M4的结合体？</a></li>
						    <li class="fl dt"><a href="">博凡：XM8-日耳曼当年的被t神器现在又是什么地位</a></li>
					</div>
				</div>
				<div class="fl community">
					<div class="fl tupian"><img width="416" height="175" src="p6.png" alt=""></div>
			        <div class="fl tupians">
						<div class="fl du"><img width="140" height="88" src="p7.png" alt=""></div>
						<div class="fl du"><img width="140" height="88" src="p8.png" alt=""></div>
						<div class="fl du"><img width="140" height="88" src="p9.png" alt=""></div>
						<div class="fl du"><img width="140" height="88" src="p10.png" alt=""></div>
						<div class="fl du"><img width="140" height="88" src="p11.png" alt=""></div>
						<li class="fl dv"><a href="">【爆破讲堂】不得不说，这应是最易学的飞镖教学了（6)</a></li>
						<li class="fl dv"><a href="">震惊，首个超不正经CF账号估值活动正式上线！</a></li>
						<li class="fl dv"><a href="">王者—零—国色天香惊艳亮相，众多零妹妹中你最喜欢的是谁呢？</a></li>
						<li class="fl dv"><a href="">CFS历届冠军盘点：原来我们才是最强王者！</a></li>
						<li class="fl dv"><a href="">沙海生存模式即将下架，火山系列竟然成了最稀有的武器~</a></li>
						<li class="fl dw"><a href="">43分钟前</a></li>
						<li class="fl dw"><a href="">1小时前</a></li>
						<li class="fl dw"><a href="">1小时前</a></li>
						<li class="fl dw"><a href="">1小时前</a></li>
						<li class="fl dw"><a href="">2小时前</a></li>
					</div>
				</div>
			 </div>
			 <div class="fl djss">
				 <div class="fl djssd">
				 <div class="fl djssh">
					 <div class="fl dh"><img src="tu1%20(1).png" alt=""></div>
					 <div class="fl dx"><a href="">电竞赛事</a></div>
					 <div class="fl moreb"><a href="">更多</a></div>
				 </div>
				 <div class="fl djssb">
					 <div class="fl djssbt">
						 <li class="fl dy"><a href="">综合</a></li>
						 <li class="fl dy"><a href="">冠军杯</a></li>
						 <li class="fl dy"><a href="">CFS</a></li>
						 <li class="fl dy"><a href="">CFPL</a></li>
						 <li class="fl dy"><a href="">百城联赛</a></li>
						 <li class="fl dy"><a href="">CFEL</a></li>
						 <li class="fl dz"><a href="">CFDL</a></li>
					 </div>
					 <div class="fl djssbb">
						 <div class="djssbb1">
						 <img width="360" height="148" src="djss1.jpg" alt="">
						 <div class="djssbb2">穿越火线2020年赛事</div>
						 <div class="djssbb3">时间：<span style="color:#f54027">全年</span></div>
						 <div class="djssbb3">地点：中国 巴西 菲律宾 欧美</div>
						 </div>
					 </div> 
				  <div class="fl djssr">
					  <div class="fl item2"><a href="">神龙Ray空降白鲨军团，白鲨战队转会期将有大动作!?</a></div>
					  <div class="fl item3">11/21</div>
					  <div class="fl item2"><a href="">【Best细说CFS】：CFS世界赛上来自巴西VG的强悍统治力</a></div>
					  <div class="fl item3">11/21</div>
					  <div class="fl item2"><a href="">首尔备战第四天：存粮告罄求支援，SV启动双教练阵容</a></div>
					  <div class="fl item3">11/22</div>
					  <div class="fl item2"><a href="">喜爱福快嘴：李思楠恐将退役，李杨怒怼喷子，RAY签约白鲨</a></div>
					  <div class="fl item3">11/22</div>
					  <div class="fl item2"><a href="">百城联赛丨西区大区赛总回顾：不负时代逐梦而行 西区大区赛在激情与梦想中落幕</a></div>
					  <div class="fl item3">11/22</div>
				  </div>
			</div>
			</div>
			 <div class="fr pinpai">
				 <div class="fl pinpaih">
					 <div class="fl dh"><img src="tu1%20(2).png" alt=""></div>
					 <div class="fl ea"><a href="">品牌专区</a></div>
				 </div>
				 <div class="fl kongbai"></div>
				 <div class="tu1"><img width="368" height="125" src="djss2.jpeg" alt=""></div>
				 <div class="tu1"><img width="368" height="125" src="djss3.png" alt=""></div>
			 </div>
			</div>
			<div class="zuihou">
				<div class="fl zuihou1">
					<div class="fl zuihou11"><img width="290" height="99" src="pin1%20(1).png" alt=""></div>
					<div class="fl zuihou11"><img width="290" height="99" src="pin1%20(2).png" alt=""></div>
				</div>
				<div class="fl zuihou2">
					<select style="width:368px; height:48px;" id="">
						<option >穿越火线   官方合作媒体</option>
						<option >电脑管家福利</option>
						<option >小葫芦</option>
						<option >17173</option>
						<option >766</option>
						<option >爱拍游戏</option>
						<option >太平洋游戏网</option>
					</select>
				</div>
				</div>
				<div class="tipss">
					<div class="tipss1">
					    <span class="eb">抵制不良游戏</span>
					    <span class="eb">拒绝盗版游戏</span>
					    <span class="eb">注意自我保护</span>
					    <span class="eb">谨防受骗上当</span>
					</div>
					<div class="tipss1">
						<span class="eb">适度游戏益脑</span>
						<span class="eb">过度游戏伤身</span>
						<span class="eb">合理安排时间</span>
						<span class="eb">享受健康生活</span>
					</div>
				</div>
			 <div class="haonan">本网络游戏适合年龄10周岁以上的用户使用，请您确定已如实进行实名注册，为了您的健康，请合理控制游戏时间。</div>
			 <div class="yule">
				 <div class="yule1">
				 <div class="fl logo2"><img width="306" height="54" src="yule.png" alt=""></div>
				 <div class="fr logo3">
					 <li class="ec">腾讯互动娱乐|服务条款|隐私保护指引|儿童隐私保护指引|腾讯游戏招聘|腾讯游戏客服|游戏列表|广告服务及商务合作</li>
					 <li class="ed">腾讯公司版权所有</li>
					 <li class="ed">COPYRIGHT © 1998 - 2020 TENCENT. ALL RIGHTS RESERVED.</li>
					 <li class="ed">COPYRIGHT © 2020 Smilegate Entertainment. All rights reserved.</li>
					 <li class="ed">工商网监电子标示|粤网文[2020]3396-195号|(署)网出证(粤)字第094号</li>
					 <li class="ee">文网测字【2008】006号|批准文号：新出音[2008]714号|出版物号：ISBN 978-7-900730-05-3|全国文化市场统一举报电话：12318</li>
				 </div>
				 </div>
			 </div>
			 </div>
	</body>
</html>
